LAP TRINH WEB 
NANG CAO 


BAI 2: Diéu huéng va Diéu khién 


Y Routing trong MVC 
V Lop Controller 
Y Action trong Controller 


Diéu hudng trong MVC 


2. Dieu huong (Routing) 


— ASP.NET gidi thigu Diéu huong (dinh tuyén) dé loai bo nhu cau anh xa 
tung URL bang mot tép vat ly. Dinh huong cho phép chung ta xac dinh 
mét mau URL 4nh xa dén trinh xtr ly yéu cau. Trinh xtr ly yéu cau nay 
c6 thé 1a mét tép hoac lép. Trong ASP.NET ung dung Webform, trinh 
xu ly yéu cau la tép .aspx va trong MVC, no la lop Controller va 
ActionMethod 


— Vi du: http://domain/students cé6 thé duoc anh xa _ tol 
http://domain/studentsinfo.aspx trong ASP.NET Webform va cung mot 
URL cé thé duoc anh xa toi phuong thirc hanh dong Student Controller 
va Index trong MVC 


Diéu huong khong danh riéng cho khung MVC. No c6 thé duoc sir dung voi 
ASP.NET tng dung Webform hoac tng dung MVC 


Diéu hudng trong MVC 
2.1. BO dinh tuyén (Route Engine) 


¢ Routing dong vai tro quan trong trong MVC framework, Routing anh 
xa URL voi file hoac tép vat ly (controller class trong MVC). 


* Route chtva mau URL va théng tin trinh xu ly, mau URL bat dau tty 
sau phan domain name. 


* Routes co thé dug cau hinh trong Idp RouteConfig. Co thé cau 
hinh nhiéu routes sé duoc luu trv trong RouteTable 


¢ Route rang budc viéc diéu hung vdi cac han ché gia tri tham sé 


Diéu hudng trong MVC 


2.1. Route Engine 


URL 
Request 


Response 


Route xac dinh mau URL va théng 
tin trinh xu ly. Tat ca cac routes duoc 
cau hinh cua mot tng dung dugc luu 
try trong RouteTable va sé duoc su 

~~ ‘ . — é URL matches 
dung boi Routing engine dé xac dinh Meee | Route? URL Pattern| Handler 
lép XU ly thich hop hoac file cho mot Routes? Route3 |URL Pattern | Handler 
yéu cau dén 


RoutingEngine 
Route Table 
Routed |URL Pattern | Handler 


Execute 
Controller and 
Action method 


Hinh 2.1. Routing trong MVC 
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Diéu hudng trong MVC 


2.2. Config Routing 

MG6i tmg dung MVC duoc céu hinh mét b6 dinh tuyén theo mac dinh trong Program.cs 
¢ Tacé thé ding ky route voi MapControllerRoute() 

¢ (C6 thé tao RouteConfig class dé thiét lap nhiéu b6 dinh tuyén xu ly cdc yéu cau 


- name: “Default” 


- pattern: “{controller=...{{action=...}/f{id?}” 


> 
war buatder — webappilication-cresatesBbutitider¢ares>s 
budider-_Serwaices _Ad@agControltierswsa thviews ¢€ >= 
war app — busatder_-Buttiadc >>; 
42 C€tapp-f&nvironment -irsDpevetopment ¢ >> 
app -_UsebExcepticonHan dailer¢~/Homey error» = 
app -WseHstsc >s 
app UsenHtt psRedst rectionc >s 
eapp-Usestatacriltesc¢ >=: 
app -UseRoutingC >= 


app -UseAuthorsazationc >= 


Hinh 2.2. RouteConfig trong MVC 
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Diéu hudng trong MVC 


2.2. Config Routing 


Mo hinh URL duoc xem xét sau phan tén mién trong URL co dang thi: 
"{controller}/{action}/{id}" 


Vi du: https:/Nocalhost:1234/{controller}/{action}/{id} 
- Bat ctr gi sau "localhost:1234/" sé duoc coi la tén bé diéu khién. Tuong tu, bat ctr gi 
sau b6 diéu khién sé dugc coi la tén hanh dong va sau do 1a gia tri cua tham so id 


~ ef st oe a a a i ’ 
co a tr oO f fe a A» Coron mie tho a 
arame+ter value 


http://localhost:1234/home/index/100 an 'Aa pe 


Controller Action method 


http://localhost:1234/home/index 


Hinh 2.3. URLConfig mapping trong MVC 
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Diéu hudng trong MVC 


2.2. Config Routing 


Néu URL khong chia bat cir thir gi sau tén mién, thi b6 diéu khién va phuong thirc hanh d6ng mic dinh sé xt ly 
yéu cau. Vi du, http:/ocalhost:1234 sé duoc xu ly bo1 HomeController va phuong thirc Index() nhu dugc cau 
hinh trong tham s6 mac dinh. Ta c6 thé cau hinh diéu hudng tiy chinh bang phuong thie mo rong 
MapControllerRoute(), khi d6 ta can cung c4p it nhat hai tham sé trong MapRoute, tén dinh tuyén va mau URL. 


Default Route 
- Dinh nghia trong tép Program.cs 
-  Tacé thé config lai dé thay d6i trang mac dinh 


c+ 


app .MapControllerRoute( 
name: “default”, 
pattern: “{controller=Home}/{action=Index}/{id?}"); 
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Diéu hudng trong MVC 


2.3. RouteTable 


- Thiét lap nhiéu b6 dinh tuyén voi MapControllerRoute() 

- Routing sé map tuan tu theo khai bdo cdc b6 dinh tuyén 

MVC diéu huong theo trinh tu, bat dau voi tuyén dugc cau hinh dau tién va néu URL dén khong 
thoa man mau URL cua bé dinh tuyén, thi no sé danh gid tuyén thir hai, v.v. 


app .MapControLLlerRoute( 
app .MapControLLlerRoute( 


na : : 


' 


{ controller = 


ntrolLlerRoute( 


app .Run(); 
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Diéu hudng trong MVC 


2.3. RouteTable 


- Thiét lap thu6c tinh cho cac phuong thuc xu ly (ActionMethod) 
- Cho phép diéu huéng nhiéu URL Config vé cing bé dinh tuyén 
Cu phap: [Route(“[Controller]|/[Action]”)] 


TActionResult Index) 


return Wi ew C J F 
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CONTROLLER TRONG ASP.NET MVC 


2. Diéu khién trong MVC (Controller) 


e Bo diéu khién trong kién tric MVC xu ly bat ky yéu cau URL dén nao. 
Controller 1a mdét Iép, c6 ngudn goc tr Ildép co sd 
System. Web.Mvc.Controller. Lop controller chitra cac phuong thie public 
duoc goi 1A Action methods. BO diéu khién va phuong thic hanh dong cua 
no xu ly cac yéu cau trinh duyét dén, truy xuat dir liéu m6 hinh can thiét va 
tra vé cdc phan héi thich hop. 


e Trong ASP.NET MVC, moi tén ldp controller phai két thtic bang mot tt 
"Controller". Vi du: tén controller trang cht: phai 1A HomeController va d6i 
voi trang sinh vién, n6 phai 1a StudentController. Ngoai ra, moi lop diéu 
khién phai duoc dat trong thu muc Controllercua cau tric thu muc MVC. 


CONTROLLER TRONG ASP.NET MVC 


2.1. Lop Controller 


. Controller xu ly cac yeu cau URL dén. Dinh tuyén MVC giri yéu cau dén 
bo dicu khién va phuong thirc hanh dong thich hop dwa trén URL va cac 
tuyén duoc cau hinh. 

e Tat ca cdc phuong thirc c6 pham vi public trong class Controller duoc goi 
la Action methods. 

e Lop Controller phai duoc dan xuat tir lop System. Web.Mvc.Controller. 

@ Tén ldp Controller phai két thtic bang "Controller". 

@ Mot bo diéu khién mdi co thé duoc tao bang c4ch str dung c4c mau 
template khac nhau, ta co thé tao template tty chinh. 


ONTROLLER TRONG ASP.NET MVC 


2.1. Lop Controller 


Cung cap cac phuong thurc phan héi cdc 
yéu cau HTTP duoc giti dén tir trang 
ASP.NET MVC 


Namespace: System.Web.Mvc 
- Object > ControllerBase > Controller 


https://learn.microsoft.com/en- 
us/dotnet/api/system.web.mvc.controller?v 
iew=aspnet-mvc-5.2 


Gets the action invoker for the controller. 


SSVREVEHEEE II Provides asynchronous operations. 


Gets or sets the binder. 


Gets or sets the controller context. 
(Inherited from ControllerBase) 


Gets whether to disable the asynchronous support for the controller. 


Gets HTTP-specific information about an individual HTTP request. 
Gets the model state dictionary object that contains the state of the 
model and of model-binding validation. 

Gets the HTTP context profile. 

Gets the HttpRequestBase object for the current HTTP request. 
Represents areplaceable dependency resolver providing services. By 
default, it uses 

the System.Web.Mvc.DependencyResolver.Cu rrentCach e. 

Gets the HttpResponseBase object for the current HTTP response. 
Gets the route data for the current request. 

Gets the HttpServerUtilityBase object that provides methods that are 
used during Web request processing. 

Gets the HttpSessionStateBase object for the current HTTP request. 


Gets or sets the dictionary for temporary data. 

(Inherited from ControllerBase) 

Gets the temporary-data provider object that is used to store data 
for the next request. 

Gets the URL helper object that is used to generate URLs by using 
routing. 
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Gets or sets a value that indicates whether request validation is 
enabled for this request. 

(Inherited from ControllerBase) 

Gets or sets the value provider for the controller. 

(Inherited from ControllerBase) 

Gets the dynamic view data dictionary. 

(Inherited from ControllerBase) 

Gets or sets the dictionary for view data. 

(Inherited from ControllerBase) 

| Gets the view engine collection. 
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2.2. Tao diéu khién 


Chon template thy chinh 


Fey, MVCS Contes wih read/write actions 

Q MVC 5 Controlier with views, using Entity Framework 
+z Web APL 2 Controlter - Empty 

+y Web API 2 Controler with actions, using Entity Framework 


43 Web API 2 ControBer with read/write actions 


+ Web APL2 OData Controller with actions, using Entity Framework 


Fy, Wed AP12 004ta Contre with read/write actions 


Hinh 2.5. Dang ky Route trong Global.asax 
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CONTROLLER TRONG ASP.NET MVC 


2.1. Tao diéu khién 


Lép StudentController ké thira tir lop 
Controller 

Tat ca controller trong MVC _ phai 
duoc bat ké thtra tir lép trou tuong 
Controller nay. 

Lop Controller co sé nay chtta cac 
phuong thuc tro giip duoc su dung 
cho cac muc dich khac nhau 


Chi ¥: Doi kiéu ActionResult thanh String 
return View véi kiéu dir liéu khac nhau 


Thai Thanh Tung - 


using System; 

using System.Collections.Generic; 
using System.Ling; 

using System.Web; 

using System.Web.Mvc; 


namespace MVC _BasicTutorials.Controllers 


{ 


public class StudentController_: Controller 


// GET: Student 
public ActionResult Index() 


return View(); 
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ActionMethod va ActionResult 


2.2. Action Method 


Student Controller class Mee ren ore 
, Base Controiier cias 
Tat ca cac phuong thirc public cua lép 
Controller dugc goi la Action Methods. 
, A Ar Ly f ublic class StudentController : 
Chung gidng nhu bat ky phuong phap public class StudentCor : 


thong thuong nao khac voi nhttng dac p,4, 
diém han ché sau: 


i'n tupe 


\% ma nde a pn Oe 
public ActionResult Indgx() 4” Action Wetnoa 


- Phaic6é pham vi la public 125 | 
; ; . , peturn VieW()} Gemees yor pe ge 
- Khong duoc phép nap chong ham View) defined in base 
. Controller class 
Action Methods Controller class 
- Khong su dung loai ham tinh voi tu 
khéa static 


Hinh 2.6. Action Method mac dinh la 
Index() trong Controller 
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ActionMethod va ActionResult 


2.2. Action Method 
Default ActionMethod: 


M6i controller c6 thé c6 mét phuong thirc 
hanh dong mac dinh theo route dugc cau 


hinh trong class RouteConfig la phuong routes MapRoute( 
thirc Index(). name: "Default", 
url: “{controller}/{action}/{id}/{name}", 
defaults: new {controller = “Home”, 
: 7 action = "Index", 
Tuy nhién, ta co thé thay doi tén hanh id = UrlParameter.Optional 


dong mac dinh theo yéu cau cla trong lop a 


RouteConfig 
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ActionMethod va ActionResult 


2.2. Action Method 


Parameters: 


ActionMethod cé thé chira cdc tham s6 
vo1 kiéu di ligu khac nhau (nguyén 
thuy hoac d6i tuong) 


Mac dinh, tham s6 duoc trich xuat tt 
tap hop data collection cua dé6i tuong 
Request. Thuong la tap hop 
name/values cua Form, QueryString, 
Cookies ... 


ASP.NET MVC tu d6ng map cac 
tham sod ctia ActionMethod néu co 
cung tén 


Thai Thanh Tung - 


} 


5 


} 


pence oer 


// update student to the database 


return RedirectToAction("Index") ; 


WR NAN A DAAR AANA, 


// delete student from the database whose id matches with 
pecified id 


return RedirectToAction("Index"); 
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ActionMethod va ActionResult 


2.3. ActionResult 


MVC bao gom cac lép Két qua tra vé (ActionResult) khéc nhau, c6 thé duoc tra vé 
tu mot ActionMethod. 


Cac lép két qua dai dién cho cdc loai phan héi khdc nhau, chang han nhu HTML, 
Tép, Chudi, JSON, javascript, v.v. 


Lop ActionResult 18 lop co so cua tat ca cdc lop két qua tra vé, vi vay no c6 thé 1a 
kiéu tra vé cua bat ky ActionMethod. Tuy nhién, ta c6é thé chi dinh lép két qua thich 
hop lam phuong thurc hanh dong kiéu tra ve. 


ActionMethod va ActionResult 


2.3. ActionResult 


- ActionResult 1d kiéu tra vé cla céc ActionMethod. Tuy thudc vao kiéu tra vé ta str 
dung cac phuong thirc tuong tng cua Controller. 


Result Class Base Controller Method 


ViewResult Represents HTML and markup. View() 


EmptyResult Represents No response. 


ContentResult Represents string literal. Content() 
FileContentResult, Represents the content of a file. File() 
FilePathResult, 

FileStreamResult 

JavaScriptResult Represents a JavaScript script. JavaScript() 
Represents JSON that can be used in AJAX. Json() 
RedirectResult Represents a redirection to a new URL. Redirect() 
RedirectToRouteResult Represents redirection to another route. RedirectToRoute() 
PartialViewResult Represents the partial view result. PartialView() 


HttpUnauthorizedResult Represents HTTP 403 response. 


Hinh 2.7. ActionResult va phuo’ng thitc tra dif liéu Controller 
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ActionMethod va ActionResult 


2.4. Action Selectors 


ActionSelector 14 thudc tinh thiét lap cho 
ActionMethod dé RouteEngine lua chon 
Method xtr ly yéu cau: 

-  ActionName 

- NoAction 

-  ActionVerbs 


ActionName duoc ding dé goi thay cho 
ActionMethod 


- — https://localhost:1234/Student/Find/100 
Chu y: NoAction su dung khi ta tao phuong thitc 


thong thuong cia Controller Class ma khong mu6én 
no tro thanh ActionMethod 


Action Selector: ActionName 


public class StudentController : Controller 


J 
public StudentController() 


t 
} 


[ActionName("Find") ] 
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ActionMethod va ActionResult 


2.4. Action Selectors 


ActionVerbs dé xtr ly cc yéu cau khac 
nhau cua HTTPResquest: 


HttpGet, HttpPost, HttpPut, HttpDelete, 
HttpOptions, HttpPatch 


Ta c6 thé thiét lap nhiéu Verbs cho 
ActionMethod dé xu ly yéu cau khdc nhau. 
Verb mac dinh la HttpGet 


Tham khao HTTP Semantic tai: RFC 9110 
https ://www.rfc-editor.org/rfc/rfc9110.html 


To retrieve the information from 
the server. Parameters will be 
appended in the query string. 


Http method 


(9) 


To create anew resource. 


uU 
je) 
n 
4 


vu 


To update an existing resource. 


Identical to GET except that 
server do not return the message 
body. 


It represents a request for 
information about the 
communication options 
supported by the web server. 


To delete an existing resource. 


vl oO fo) 
>| m in] 
a| m = 
=| 4 = 

n 


To full or partial update the 
resource. 


Hinh 2.8. ActionSelector ActionVerbs 


Thai Thanh Tung - FitHou 


ActionMethod va ActionResult 


2.4. Action Selectors 


ActionVerbs dé xtr ly cdc yéu cau khac 
nhau cua HTTPResquest: 


HttpGet, HttpPost, HttpPut, HttpDelete, 
HttpOptions, HttpPatch 


Cu phap: 
[HttpMethod] 
public type ActionMethod() { 
return View(); 


public class StudentController : Controller 
a 
public ActionResult Index() // handles GET requests by default 
{ 
return View(); 
} 


[HttePost] 
public ActionResult PoastAction() // handles POST requests by default 
{ 


return View("Index"); 
[HttePut] 
public ActionResult PutAction() // handles PUT requests by default 


return View("Index"); 
+ 


[HtteRelste] 
public ActionResult DeleteAction() // handles DELETE requests by default 
t 


return View("Index"); 
} 


[Httebsad] 
public ActionResult HeadAction() // handles HEAD requests by default 
{ 


return View("Index"); 
} 


[ittrQetions] 
public ActionResult OptionsAction() // handles OPTION requests by default 
{ 


return View("Index"); 
[tittpPatsh] 
public ActionBesult PatchAction() // handles PATCH requests by default 
{ 


feetucn View("Index"); 
4 
i 
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ActionMethod va ActionResult 


2.4. Action Selectors 


AcceptVerbs dé gdp nhiéu lénh verbs 


Biawiaemetonniciod [AcceptVerbs(HttpVerbs.Post | HttpVerbs.Get) ] 


public ActionResult GetAndPostAction( ) 
Cu phap: return RedirectTodction("Index"); 
[AcceptVerbs(HttpVerbs. Post | HttpVerbs.Get)] } 


Thai Thanh Tung - FitHou 


Q&A 


XIN CHAO VA HEN GAP LAI TUAN SAU 
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Routing va Controller 


+ Program.cs 


+ Controller: 
- HomeController 
- HelloWorldController 
- StudentController 


+ View: 
- Home\Index.cshtml 
- Student\Index.cshtml 
- Student\Details.cshtml 


Search Solution Explorer (Ctri+;) 


b> %)) Imports 


> @ Properties 
b wwwroot 
b i bin 
4 Wi Controllers 
+ HelloWorldController.cs 
># HomeController.cs 
+ StudentController.cs 
> = g StudentController 
GS Models 
SE Obj 
GS Views 
4 fF Home 
[@) Index.cshtml 
[@) Privacy.cshtml 
> [i Shared 
4 Gi Student 
[@) Details.cshtml 
[@) Index.cshtml 
[@) Studentindex.cshtml 
[@) _Viewlmports.cshtml 
[@) _ViewStart.cshtml 
> = [G) appsettings.json 
b + Program.cs 


t Changes 


Solution Explorer G 
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Routing va Controller 


+ Program.cs: MapControllerRoute() 


dentController.cs Program.cs* +4 x Hellov c »ntroller.cs HomeController.cs 


&]HelloMvcWorld ~ ~ 
{fa Microsoft .Extensions .FileSystemGLobbing.Internal.Patterns; 


ar builder = WebAppLication.CreateBuilder(args); 


y > to the container 
haps Services .-AddControLlerswWithViews(); 


app = builder.Build(); 


Configure the HTTP r pipeLine 
C!tapp .Environment . IsDeveLlopment()) 


.UseHttpsRedirection(); 
.UseStaticFiles(); 


. UseRouting(); 
.UseAuthorization(); 
Ssiatsnag at =snthe haa ccaaseaeds 


name: 
pattern: 


-HepCont ret taroatns. 
name: ; “ e 


pattern: 
defaults: 
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Routing va Controller 


+ HomeController.cs (default) 
+ HelloWorldController.cs: ActionMethod Index(), Welcome() 


StudentController.cs Program.cs HelloWorldController.cs + & HomeController.cs 
> 1 HelloMvcWorld ~ “YHelloMvcWorld.Controllers.HelloWorld( ~ ©) Welcome() 
Elusing HelloMvcWorld.Models; 
using Microsoft.AspNetCore.Mvc; 


namespace HeLLoMvcWorld.ControLlers; 


Elpublic class HeLLoWorldController : Controller 


{ 


public string Index() 


{ 
return 


} 


public string Welcome() 
t 
string Name = 
return 
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+ HelloWorldControler - Index 


{— localhost: 7298,/HelloWorld 


a cS (1 https://localhost:7298/HelloWorld 


Hello ASP.NET core MVC 


+ HelloWorldController - Welcome 


| localhost:7298/HelloWorld/Welc. x 


<- G (©)  https://localhost:7298/HelloWorld/Welcome 


Welcome Thai Thanh Tung to ASP.NET core MVC 
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Routing va Controller 


+ StudentController.cs: Thudc tinh [Route({controller/action})] 


StudentControllercs + ™X Program.cs” HelloWorldController.cs HomeController.cs 
&]HelloMvcWorld ~ yg HelloMvcWorld.Controllers.StudentCon ~ Details(int id) 
{a HeLLoMvcWorld.Models; 
ng Microsoft .AspNetCore.Mvc; 


pace HelLloMvcWorld.ControLlers 


ss StudentControLller : Controller 


[RouteC("")] 
[RouteC( ‘Home <p iT 
[RouteC"Home/I ex")] 


Lic IActionResult Index() 
{ 


return View(); 


Lic ActionResult DetailsCint i 


ViewBag.Id = id; 
return View(); 
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Routing va Controller 


+ Student\Index.cshtml 


tudentController.cs Program.cs” elloWorld( : Index.cshtml 4 X 


ViewData["name"] = " 
string name = ViewBag.name; 


Index.cshtml " Index.cshtml Details.cshtml + X< 


ViewData["I 

ViewDatal[' 

ViewDatal[" DateTime .Now; 
ViewData["Section' . turer"; 


int id = ViewBag.Id; 
tring name = ViewBag.Name; 
DateTime td = ViewBag. Today; 
tring sec = ViewBag.Section; 


Student Details 2 
p>KhGi tao Model Student Class</p 
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+ Student - Index 


| Ee - HelloMvcWorld =< 
= Sh © Attps://locathost:7298/Student 
HelloMvcWorld Home _ Privacy 


Class Details 


iD: 123 

Name: Thai Thanh Tung<=> 
Today: 8/27/2023 11:07:50 PM 
Section: Lecturer 


Student Details 


Khoi tao Model Student Class 


+ Student - Details 


1 - HelloMvcWorld =< 


<— (at oo https://locaihost:7298/Student/Details 


HelloMvcWorld Home Privacy 


Class Details 


ID: 123 

Name: Thai Thanh Tung<> 
Today: 8/27/2023 11:08:18 PM 
Section: Lecturer 


Student Details 


Khoi tao Model Student Class 
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